﻿<a id="leftmenu-trigger" class="pull-left" data-toggle="tooltip" data-placement="bottom" title="Toggle Left Sidebar"></a>
<a id="rightmenu-trigger" class="pull-right" data-toggle="tooltip" data-placement="bottom" title="Toggle Right Sidebar"></a>

<div class="navbar-header pull-left">
    <a class="navbar-brand" href="index.htm">Avant</a>
</div>

<ul class="nav navbar-nav pull-right toolbar">
    <li class="dropdown">
        <a href="#" class="dropdown-toggle username" data-toggle="dropdown"><span class="hidden-xs">Gonzalo Mori<i class="fa fa-caret-down"></i></span><img src="~/Content/assets/demo/avatar/dangerfield.png" alt="Dangerfield" /></a>
        <ul class="dropdown-menu userinfo arrow">
            <li class="username">
                <a href="#">
                    <div class="pull-left"><img class="userimg" src="~/Content/assets/demo/avatar/dangerfield.png" alt="Jeff Dangerfield" /></div>
                    <div class="pull-right"><h5>Hola, Gon!</h5><small>Logged in as <span>gmori</span></small></div>
                </a>
            </li>
            <li class="userlinks">
                <ul class="dropdown-menu">
                    <li><a href="#" class="text-right">Sign Out</a></li>
                </ul>
            </li>
        </ul>
    </li>
    <li class="dropdown">
        <a href="#" class="hasnotifications dropdown-toggle" data-toggle='dropdown'><i class="fa fa-bell"></i><span class="badge">2</span></a>
        <ul class="dropdown-menu notifications arrow">

            <li>
                <span>Tenes 3 notificaciones</span>
                <span><a href="#">Marcar todos como leidos</a></span>
            </li>
            <li>
                <a href="#" class="notification-order">
                    <span class="time">Ayer</span>
                    <i class="fa fa-shopping-cart"></i>
                    <span class="msg">Nuevos pedidos realizados </span>
                </a>
            </li>
            <li>
                <a href="#" class="notification-success">
                    <span class="time">Ayer</span>
                    <i class="fa fa-check"></i>
                    <span class="msg">Pedidos entregados</span>
                </a>
            </li>
            <li><a href="#" class="dd-viewall">Ver todas las notificaciones</a></li>
        </ul>
    </li>
    <li class="dropdown demodrop">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-cogs"></i></a>

        <ul class="dropdown-menu arrow dropdown-menu-form" id="demo-dropdown">
            <li>
                <label for="demo-header-variations" class="control-label">Header Colors</label>
                <ul class="list-inline demo-color-variation" id="demo-header-variations">
                    <li><a class="color-black" href="javascript:;" data-headertheme="header-black.css"></a></li>
                    <li><a class="color-dark" href="javascript:;" data-headertheme="default.css"></a></li>
                    <li><a class="color-red" href="javascript:;" data-headertheme="header-red.css"></a></li>
                    <li><a class="color-blue" href="javascript:;" data-headertheme="header-blue.css"></a></li>
                </ul>
            </li>
            <li class="divider"></li>
            <li>
                <label for="demo-color-variations" class="control-label">Sidebar Colors</label>
                <ul class="list-inline demo-color-variation" id="demo-color-variations">
                    <li><a class="color-lite" href="javascript:;" data-theme="default.css"></a></li>
                    <li><a class="color-steel" href="javascript:;" data-theme="sidebar-steel.css"></a></li>
                    <li><a class="color-lavender" href="javascript:;" data-theme="sidebar-lavender.css"></a></li>
                    <li><a class="color-green" href="javascript:;" data-theme="sidebar-green.css"></a></li>
                </ul>
            </li>
            <li class="divider"></li>
            <li>
                <label for="fixedheader">Fixed Header</label>
                <div id="fixedheader" style="margin-top:5px;"></div>
            </li>
        </ul>
    </li>
</ul>